<!DOCTYPE html>
<html lang="zh-CN" ng-app="welcome">
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>熊猫看看，京京不看</title>

<link rel="icon" href="../img/panda.png"></link>
<!-- Bootstrap core CSS -->
<link href="../css/core/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="../css/welcome.css" rel="stylesheet">
</head>
<body>
  <!-- 导航栏 -->
  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="row">
        <div class="navbar-header col-md-3">
          <a class="navbar-brand" href="#"><font class="header">京京不爱看小说</font></a>
          <img alt="京京不爱看小说" src="../img/panda.png" style="height: 45px;width: 45px">
        </div>
        <div id="navbar" class="navbar-collapse col-md-9 collapse">
          <ul class="nav navbar-nav">
          
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">Customer and Partners</a></li>
            <li><a href="#contact">Part and Pricing</a></li>
            <li><a href="#contact">Sales Information</a></li>
            <li><a href="#contact">Special Bid</a></li>
           
          </ul>
        </div>
        <!--/.nav-collapse -->
      </div>
    </div>
  </div>
  
  <div class="container" ng-controller="colorSelector as selector">
  <div class="{{selector.currColor}}">
    <div class="content_left">
      <!--<img src="img/blue.png"></img> -->
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#about">Customer and Partners</a></li>
        <li><a href="#contact">Part and Pricing</a></li>
        <li><a href="#contact">Sales Information</a></li>
        <li><a href="#contact">Special Bid</a></li>
      </ul>
    </div>
    
    <!-- 小说体显示部分 -->
    <div class="content_right {{selector.currColor}}">
        <span class="glyphicon glyphicon-unchecked color1" ng-click="selector.setColor(1)"></span>
        <span class="glyphicon glyphicon-unchecked color2" ng-click="selector.setColor(2)"></span>
        <span class="glyphicon glyphicon-unchecked color3" ng-click="selector.setColor(3)"></span>
        <span class="glyphicon glyphicon-unchecked color4" ng-click="selector.setColor(4)"></span>
        <span class="glyphicon glyphicon-unchecked color5" ng-click="selector.setColor(5)"></span>
        <span class="glyphicon glyphicon-unchecked color6" ng-click="selector.setColor(6)"></span>
        <span class="glyphicon glyphicon-plus"></span>
        <span class="glyphicon glyphicon-text-size"></span>
        <span class="glyphicon glyphicon-minus"></span>
        <input placeholder="14" type="text" maxlength="2" class="text-size-input"></input>
      <br>
      <!--<p><b>{{selector.noval.chapterName}}</b></p>
      <p ng-repeat="record in selector.noval.content">{{record}}</p>-->
      <div class="bs-example" data-example-id="hoverable-table">
      <form>
      <p>This is ng-repeat</p>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>#</th>
            <th>Part Number</th>
            <th>Part Description</th>
            <th>Quantity</th>
            <th>Licence Unit Price</th>
            <th>Unit Price</th>
            <th>Discount</th>
            <th>Total Price</th>
          </tr>
          </thead>
          <tbody>
            <tr ng-repeat="part in selector.partArr">
              <th scope="row">{{part.order}}</th>
              <td>{{part.partNum}}</td>
              <td>{{part.partDes}}</td>
              <td><input class="quantity-size-input" ng-model="part.quantity"  ng-change="change($index)"></input></td>
              <td>{{part.lclUnitPrice}}</td>
              <td><input class="price-size-input" ng-model="part.unitPrice" ng-change="part.discount = (part.unitPrice/part.lclUnitPrice)*100"></input></td>
              <td><input class="discount-size-input" ng-model="part.discount" ng-change="part.unitPrice = part.lclUnitPrice*(100-part.discount)/100"></input><span>%</span></td>
              <td><span>{{part.totalPrice = part.quantity*part.unitPrice}}</span></td>
            </tr>
            <tr>Bid Total Price: {{selector.bidTotalPrice}}</tr>
          </tbody>
      </table>
      
      <br>

      <div class="row">
        <div class="col-md-4 thumb"><a href="#"><span class="glyphicon glyphicon-arrow-left"></span>上一页</a></div>
        <div class="col-md-4 thumb"><a href="#">目录<span class="glyphicon glyphicon-list-alt"></span></a></div>
        <div class="col-md-4 thumb"><a href="#">下一页<span class="glyphicon glyphicon-arrow-right"></span></a></div>
      </div>
      <br>
      <div class="row">
        <div class="col-xs-2 col-xs-offset-10">
          <button type="button" class="btn btn-primary btn-lg"  style="right: 13px;position: absolute;">Submit &nbsp;
            <span class="glyphicon glyphicon-search"></span>
          </button>
        </div>
      </div>
      </form>
    </div>
  </div>
  </div>
  <footer></footer>
  <script type="text/javascript" src="../js/plugin/jquery/jquery-2.1.4.min.js"></script>
  <!-- Placed at the end of the document so the pages load faster -->
  <script type="text/javascript" src="../js/plugin/bootstrap/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/plugin/angularjs/angular.min.js"></script>
  <script type="text/javascript" src="../js/business/testController.js"></script>
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script type="text/javascript" src="../js/business/ie10-viewport-bug-workaround.js"></script>
</body>
</html>